<template>
  <div class="notice-wrapper">
    <n-marquee>
      <div style="display: flex">
        <div v-for="item in tList" :key="item" style="margin-right: 200px">
          {{ item }}
        </div>
      </div>
    </n-marquee>
  </div>
</template>

<script setup>
import { ref, reactive, onUnmounted, computed, onMounted } from 'vue';
import { useI18n } from 'vue-i18n';
const { t } = useI18n();
const props = defineProps({
  announcementList: {
    // 当前代理详情
    type: Array,
    default: () => ([]),
  },
});
const tList = computed(() => {
  return props.announcementList;
});
</script>

<style>
.notice-wrapper {
  width: 320px;
  height: 60px;
  overflow: hidden;
  position: relative;
  line-height: 60px;
}

.notice {
  width: 300px;
  /* width: 50%; */
  position: absolute;
  color: #9497a1;
  white-space: nowrap;
}
</style>
